<template>
        <div class="toplogo">
            <img src="../assets/logo.png">
        </div>
        <leftScreenVue></leftScreenVue>
        <rightScreenVue></rightScreenVue>
        <CenterButtonVue></CenterButtonVue>
</template>

<script setup>
import leftScreenVue from '@/components/leftScreen.vue'
import rightScreenVue from '@/components/rightScreen.vue'
import CenterButtonVue from './CenterButton.vue';

</script>

<style>
    .toplogo{
        width: 100vw;
        height: 70px;
        z-index: 1000;
        position: fixed;
        top: 0;
        text-align: center;
    }
    img{
        width: 33%;
        height: 100%;
    }
</style>
